{include file="public/header" /}

    <div class="layui-body">
        <!--tab标签-->
        <div class="layui-tab layui-tab-brief">
            <ul class="layui-tab-title">
                <li class="layui-btn"><a href="{:url('admin/Goods/add')}">添加商品信息</a></li>

                    <input type="file" multiple="multiple" id="inputfile"  style="height:0;width:0;z-index: -1; position: absolute;left: 10px;top: 5px;"/>
                </li>
            </ul>

            <div class="layui-tab-content">
                <div class="layui-tab-item layui-show">
                    <table class="layui-table">
                        <thead>
                        <tr>
                            <th style="width: 30px;text-align: center">商品ID</th>
                            <th style="width: 30px;" align="center">商品名称</th>
                            <form  action="{:url('admin/Goods/search')}"    method="post">
                            <th style="text-align: center">商品价格<br/>
                            <input type="text" name="goods_price" style="width: 50px">~<input type="text"name="good_price" style="width: 50px">
                                <input type="submit" value="search">
                            </th>
                            </form>
                            <th style="text-align: center">商品详情</th>
                            <th style="text-align: center">商品数量</th>
                            <th style="text-align: center">商品分类</th>
                            <th style="text-align: center">商品评价</th>
                            <th style="text-align: center">商品图片</th>
                            <th style="text-align: center">普通用户优惠</th>
                            <th style="text-align: center">会员用户优惠</th>
                            <th style="text-align: center">排序</th>
                            <th style="text-align: center">操作</th>
                        </tr>
                        </thead>
                        <tbody>
                        {volist name="list" id="val"}
                        <tr id="dels{$val.id}">
                            <td style="text-align: center">{$val.id}</td>
                            <td style="text-align: center">{$val.goods_name}</td>
                            <td style="text-align: center">{$val.goods_price}</td>
                            <td style="text-align: center">{$val.goods_details}</td>
                            <td style="text-align: center">{$val.goods_number}</td>
                            <td style="text-align: center">{$val.goods_class_id}</td>
                            <td style="text-align: center">{$val.goods_appraise}</td>
                            <td style="text-align: center">{$val.goods_image_id}</td>
                            <td style="text-align: center">{$val.promotion_money}</td>
                            <td style="text-align: center">{$val.promotion_money_vip}</td>
                            <td style="text-align: center">{$val.sort}</td>
                            <td style="text-align: center">
                                <a href="javascript:void(0)" onclick="up('{$val.id}')" class="layui-btn layui-btn-normal layui-btn-mini">重新编辑</a>
                                <a href="javascript:void(0)" onclick="del({$val.id})" class="layui-btn layui-btn-danger layui-btn-mini ">删除</a>
                                <script>
                                    function del(id){
                                        $.ajax({
                                            type: "POST",
                                            url: "{:url('Goods/dels')}",
                                            data: 'id='+id,
                                            dataType: "json",
                                            success: function (data) {
                                                // debugger;
                                                // alert(data+"##"+1);
                                                //window.location.reload(data);
                                                //layer弹出层
                                                var aa=layer.load(2,{shade:false});
                                                //一秒过后弹出层消失
                                                setTimeout(function(){
                                                    layer.close(aa);
                                                    layer.msg('删除成功！！！');
                                                    //获取点击删除的节点
                                                    var child=document.getElementById("dels"+id);
                                                    //把获取到的节点删除掉
                                                    child.remove();
                                                },1000);
                                            },error: function(err){
                                                alert("数据已逃跑，请刷新页面");
                                            }
                                        })
                                    }
                                    function up(id){
                                       window.location.href='{:url("update")}'+'?id='+id;
                                    }

                                </script>
                            </td>
                        </tr>
                        {/volist}
                        </tbody>
                    </table>
                    {$page}
                </div>
            </div>

        </div>
    </div>
{include file="public/footer" /}
<!--添加轮播layer-->
<script>
    $(document).ready(function(){
        //响应文件添加成功事件
        $("#inputfile").change(function(){
            debugger;
            //创建FormData对象
            var data = new FormData();
            //为FormData对象添加数据
//            $.each($('#inputfile')[0].files, function(i, file) {
//                data.append('upload_file', file);
//            });
            data.append('upload_file', $('#inputfile')[0].files[0]);
            $(".loading").show();	//显示加载图片
            //发送数据
            $.ajax({
                url:'{:url("Goods/upload")}',
                type:'POST',
                data:data,
                cache: false,
                contentType: false,		//不可缺参数
                processData: false,		//不可缺参数
                success:function(data){
                    //data = $(data).html();
                    //第一个feedback数据直接append，其他的用before第1个（ .eq(0).before() ）放至最前面。
                    //data.replace(/&lt;/g,'<').replace(/&gt;/g,'>') 转换html标签，否则图片无法显示。
//                    if($("#feedback").children('img').length == 0) $("#feedback").append(data.replace(/&lt;/g,'<').replace(/&gt;/g,'>'));
//                    else $("#feedback").children('img').eq(0).before(data.replace(/&lt;/g,'<').replace(/&gt;/g,'>'));
                    var img = $('<img>');
                    img.attr('src', data);
                    img.attr('style', "width:500px;height:300px");
                    layer.open({
                        type: 1,
                        title:'<div style="color:orange;font-size: 23px;">添加图片成功(2秒过后自动关闭)</div>',
                        skin: 'layui-layer-demo', //样式类名
                        closeBtn: 0, //不显示关闭按钮
                        shift: 1,
                        area: ['500px', '300px'], //宽高
                        shadeClose: true, //开启遮罩关闭
                        time: 2000,
                        content:"<block id='feedback'></block>"
                    });
                    $("#feedback").html(img);
                },
                error:function(){
                    alert('上传出错');
                    $(".loading").hide();	//加载失败移除加载图片
                }
            });
        });
    });

</script>